<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/includes/common-import.jsp"%>
<%@ taglib uri="/page" prefix="p"%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	<meta charset="utf-8" />
	<title>后台管理系统</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<%@ include file="/WEB-INF/includes/common-component-global.jsp"%>
	<script src="${resPath}media/js/zTree_v3-master/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
	<script src="${resPath}media/js/zTree_v3-master/js/zTreeCommon.js" type="text/javascript"></script>
	<link href="${resPath}media/js/zTree_v3-master/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body >
	<!-- 列表区-->
	<div class="data-table">
		<table>
			<tr>
				<td width="40%" align="left" class="noprint" valign="top" bgcolor="#f9f9f9">
					<ul id="tree" class="ztree"></ul>
				</td>
			</tr>
		</table>
	</div>
	
</body>
<!-- END BODY -->
</html>

<script type="text/javascript">  
	function zTreeOnClick(event, treeId, treeNode) {
		
	}
	
	var setting = {
		callback: {
			onClick: zTreeOnClick
		},data: {
			simpleData: {
				enable: true,
				idKey:"id",  
	            pIdkey:"pId",  
	            rootPid:"-1"
			}
		},view: {
			fontCss: getFontCss,
			dblClickExpand: dblClickExpand
		}
	};
	

	var zNodes = ${nodes};
	var selTreeNode;
	$.fn.zTree.init($("#tree"), setting, zNodes);
	
	function returnJsonFunc(){
		alert("returnJsonFunc()");
	}
</script>